<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="viewport" id="changeScale" content="initial-scale=0.25">
  <meta name="theme-color" content="#ffffff">
  <link rel="shortcut icon" href="favicon.ico">
  <title></title>
  <style>
		.loading {
			position: fixed;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 100%
		}

		.loading> .spin {
			width: 60px;
			height: 60px;
			animation: rotator 1.4s linear infinite
		}

		@keyframes rotator {
			0% {
				transform: rotate(0)
			}

			100% {
				transform: rotate(270deg)
			}
		}

		.spin> .path {
			stroke-dasharray: 187;
			stroke-dashoffset: 0;
			transform-origin: center;
			animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite
		}

		@keyframes colors {

			0%,
			100% {
				stroke: #4285f4
			}

			25% {
				stroke: #de3e35
			}

			50% {
				stroke: #f7c223
			}

			75% {
				stroke: #1b9a59
			}
		}

		@keyframes dash {
			0% {
				stroke-dashoffset: 187
			}

			50% {
				stroke-dashoffset: 46;
				transform: rotate(135deg)
			}

			100% {
				stroke-dashoffset: 187;
				transform: rotate(450deg)
			}
		}
  </style>
  <script>var global = globalThis</script>
  <script src="/assets/config.js"></script>
</head>

<body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="kuiper_app">
    <div class="loading">
      <svg class="spin" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
        <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
      </svg>
    </div>
  </div>
</body>
<script type="module" src="./browser.entry.js"></script>
</html>
